<template>
    <div>
        6   6   6  6 6
        <p>{{ num }}</p>
        <input type="button" value="num变化" v-on:click="ChangeNum"/>
        <input type="button" value="num变化" v-on:click="ChangeNumm"/>
        <p>{{ p }}</p>
    </div>
</template>

<script setup lang="ts">
import{ref,reactive} from 'vue'
let num=ref(100);
const ChangeNum=()=>{
    num.value++;
    console.log(num.value);
}
const ChangeNumm=()=>{
    num.value--;
    console.log(num.value);
}
let p = reactive({
    name:'嘎子',
    age:18,
    friends:["ton","锦为","锦秀"]
})
</script>

<style scoped>

</style>